<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:h="http://java.sun.com/jsf/html">
    <head>
        <title>
            VehiAlpes - #{titulo}
        </title>
    </head>
    <body>
        <style>
            .cols{
                vertical-align:top;
            }
            .fuentePie{
                font-size: 12px;
            }
            .fuenteLabes{
                font-weight: bold;
            }
        </style>
        <center>
            <table width="980px" align="center">
                <tr>
                    <td align="center">
                        <rich:layout>
                            <rich:layoutPanel position="top">
                                <h:graphicImage value="/img/encabezado.jpg" />
                                <rich:separator lineType="solid"/>

                                <rich:separator lineType="none"/>
                                <rich:separator lineType="none"/>
                                <rich:separator lineType="none"/>
                            </rich:layoutPanel>

                            <rich:layoutPanel position="left" width="180px" >
                                 <h:panelGrid columns="1" columnClasses="cols" width="120px">
                                    <rich:panelMenu mode="ajax" iconExpandedGroup="disc" iconCollapsedGroup="disc" iconExpandedTopGroup="chevronUp" iconGroupTopPosition="right" iconCollapsedTopGroup="chevronDown">
                                        <rich:panelMenuGroup label="#{identificacion}">
                                            <rich:panelMenuItem value="Salir" label="Salir" action="#{template.terminarSesion}"/>
                                        </rich:panelMenuGroup>
                                    </rich:panelMenu>
                                 </h:panelGrid>
                            </rich:layoutPanel>
                            <center>
                                <rich:layoutPanel position="center" width="800px">
                                    <ui:insert name="body" />
                                </rich:layoutPanel>
                            </center>
                            <rich:layoutPanel  position="bottom">
                                <rich:separator lineType="none"/>
                                <rich:separator lineType="none"/>
                                <rich:separator lineType="solid"/>
                                <h:outputText styleClass="fuentePie" value="2011" /> <br/>
                                <h:outputText styleClass="fuentePie" value="Universidad de los Andes - Facultad de Ingeniería" /> <br/>
                                <h:outputText styleClass="fuentePie" value="Departamento de Ingeniería de Sistemas y Computación" /> <br/>
                                <h:outputText styleClass="fuentePie" value="ISIS 4707 - Diseño de Software basado en Patrones" />
                            </rich:layoutPanel>
                        </rich:layout>
                    </td>
                </tr>
            </table>
        </center>
    </body>
</html>

